<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的消息</title>
	<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
</head>
<body class="gray-bg">
<div class="row animated fadeInRight">
    <div class="ibox float-e-margins">

        <div id="ibox-content">
            <ul th:switch="${#lists.isEmpty(notices)}">
                <ul th:case="true">
                    <span style="color: #ff1a35">当前还没有消息！</span>
                </ul>
                <ul th:case="false">
                    <span style= "text-align:center;outline-width:18px; color: #ff2c45" >以下仅显示最近二十条消息！！</span>
                    <ul th:each="notice : ${notices}">
                        <div id="vertical-timeline" class="vertical-container light-timeline">

                            <div class="vertical-timeline-block">
                                <div class="vertical-timeline-icon blue-bg">
                                    <i class="fa fa-file-text"></i>
                                </div>

                                <div class="vertical-timeline-content">
                                    <ul th:switch="${notice.teacher}">
                                        <ul th:case="false">
                                            <ul th:if="${notice.operateResult} == 0">
                                                <h2 style="color: #ffcd2a" >调课通知</h2>
                                                <p th:text="'你在'+ ${notice.courseDate}"></p>
                                                <p style="color: #2806a6" th:text="${notice.dictLabel}"></p>的
                                                <p style="color: #2aff14" th:text="${notice.courseName}"></p>调整为
                                                <p style="color: #ff1a35" th:text="${notice.nowCourseName}"></p>。
                                                <span class="vertical-date">
                                <small th:text="${notice.adjustTime}+ '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'"></small>
                                </span>
                                            </ul>
                                        </ul>
                                        <ul th:case="true">
                                            <ul th:if="${notice.operateResult} == 0">
                                                <ul th:if="${notice.type} == '0'">
                                                <h2 style="color: #ffcd2a" >换课通知</h2>
                                                <p th:text="'你在'+ ${notice.courseDate}"></p>
                                                <p style="color: #2806a6" th:text="${notice.dictLabel}"></p>的
                                                <p style="color: #2aff14" th:text="${notice.courseName}"></p>调整为
                                                <p style="color: #ff1a35" th:text="${notice.nowCourseName}"></p>。
                                                <span class="vertical-date">
                                <small th:text="${notice.adjustTime}+ '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'"></small>
                                </span>
                                                </ul>
                                                <ul th:if="${notice.type} == '1'">
                                                    <h2 style="color: #ffcd2a" >调课通知</h2>
                                                    <p th:text="'你在'+ ${notice.courseDate}"></p>
                                                    <p style="color: #2806a6" th:text="${notice.dictLabel}"></p>的
                                                    <p style="color: #2aff14" th:text="${notice.courseName}"></p>调整为
                                                    <p style="color: #ff1a35" th:text="${notice.nowCourseDate}"></p>
                                                    <p style="color: #2806a6" th:text="${notice.nowTimeSlot}"></p>在
                                                    <p style="color: #2806a6" th:text="${notice.roomCode}"></p>教室上课，请知悉！
                                                    <span class="vertical-date">
                                <small th:text="${notice.adjustTime}+ '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'"></small>
                                </span>
                                                </ul>
                                            </ul>
                                            <ul th:if="${notice.operateResult} == 1">
                                                <ul th:if="${notice.type} == '0'">
                                                <h2 style="color: #ffcd2a" >换课申请</h2>
                                                <p th:text="'你申请调换'+ ${notice.courseDate}"></p>
                                                <p style="color: #2806a6" th:text="${notice.dictLabel}"></p>的
                                                <p style="color: #2aff14" th:text="${notice.courseName}"></p>被拒绝，拒绝理由：
                                                <p style="color: #ff1a35" th:text="${notice.reason}"></p>。
                                                <span class="vertical-date">
                                <small th:text="${notice.adjustTime}+ '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'"></small>
                                </span>
                                                </ul>
                                                <ul th:if="${notice.type} == '1'">
                                                    <h2 style="color: #ffcd2a" >调课申请</h2>
                                                    <p th:text="'你申请'+ ${notice.courseDate}"></p>
                                                    <p style="color: #2806a6" th:text="${notice.dictLabel}"></p>的
                                                    <p style="color: #2aff14" th:text="${notice.courseName}"></p>课，调换为
                                                    <p style="color: #ff1a35" th:text="${notice.nowCourseDate}"></p>
                                                    <p style="color: #2806a6" th:text="${notice.nowTimeSlot}"></p>在
                                                    <p style="color: #2806a6" th:text="${notice.roomCode}"></p>教室上课的申请被拒绝，拒绝理由：
                                                    <p style="color: #ff1a35" th:text="${notice.reason}"></p>。
                                                    <span class="vertical-date">
                                <small th:text="${notice.adjustTime}+ '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'"></small>
                                </span>
                                                </ul>
                                            </ul>
                                        </ul>
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </ul>
                </ul>
            </ul>
        </div>
    </div>
</div>
    <th:block th:include="include :: footer" />
    <script>

    </script>
</body>
<style>
    p{
        display:inline;
    }
</style>
</html>
